<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>
        Forget your password
    </title>

    <link rel="stylesheet" href="css/app.css">

</head>

<body class=" font-sans bg-white antialiased">

    <section class="flex min-h-screen px-4 pt-6 bg-gray-100 sm:pt-10">

        <div class="flex-1 max-w-lg mx-auto">
            <div class="flex justify-center">
                <a href="index.html" aria-label="LaunchList Logo">
                    LOGO



                </a>
            </div>

            <div class="p-6 mt-4 bg-white border border-gray-300 rounded-xl">

                <div class="mb-4 text-sm text-gray-600">
                    Forgot your password? No problem. Just let us know your email address and we will email you a
                    password reset link that will allow you to choose a new one.
                </div>

                <!-- Session Status -->

                <!-- Validation Errors -->

                <form method="POST" action="forgot-password.html" class="mt-4">
                    <input type="hidden" name="_token" value=" ">
                    <h1 class="text-lg font-semibold text-gray-900">
                        Reset your password
                    </h1>
                    <div class=" mt-4 ">
                        <label class="block">
                            <span class="dark:text-gray-400 text-sm font-medium text-gray-600">Email</span>
                            <input
                                class="block w-full dark:bg-gray-800 dark:text-gray-100 transition duration-300 text-gray-700 rounded-md placeholder-gray-400 dark:placeholder-gray-500 focus:dark:placeholder-gray-400 focus:placeholder-gray-300 border focus:border-primary-300 focus:ring focus:ring-primary-200 focus:ring-opacity-50 mt-1 border-gray-300 dark:border-gray-700"
                                required="required" placeholder="sophie@mail.com" value="" name="email" type="email" />
                        </label>

                    </div>

                    <div class="flex items-center justify-between">
                        <button
                            class="bg-primary-500 w-full flex justify-center items-center hover:opacity-90 text-white font-medium py-2 px-4 focus:outline-none rounded-lg focus:shadow-outline mt-4"
                            type="submit" id="button-load">
                            <span class=" button-load-text"><span class="text-white">Reset Password</span></span>
                            <span class="hidden py-1.5 ml-2 button-load-spin"><svg class="w-4 h-4 animate-spin"
                                    xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" width="1em"
                                    height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24">
                                    <path fill="none" stroke="currentColor" stroke-linecap="round"
                                        stroke-linejoin="round" stroke-width="2" d="M21 12a9 9 0 1 1-6.219-8.56" />
                                </svg></span>
                        </button>
                    </div>


                    <p class="mt-4 text-sm font-normal leading-snug text-left text-gray-500">
                        Know password?
                        <a class="text-gray-700 border-b border-transparent hover:border-b hover:border-gray-900"
                            href="login.html">
                            Login here
                        </a>
                    </p>

                </form>
            </div>
        </div>

    </section>




   
    <script src="js/app.js"></script>

</body>

</html>